<template>
  <div class="common-layout">
    <el-container>
      <el-aside width="250px" >
        <el-collapse v-model="activeNames" @change="handleChange">
          <el-collapse-item title="学生成绩管理" name="1">
            <div>
              <router-link to="/managegrade" style="text-decoration:none">学生成绩查改</router-link>
            </div>

          </el-collapse-item>
          <el-collapse-item title="学生管理" name="1">
            <div>
              <router-link to="/managestudent" style="text-decoration:none">学生信息查改</router-link>
            </div>
            <div>
              <router-link to="/addstudent" style="text-decoration:none">学生信息添加</router-link>
            </div>
          </el-collapse-item>
          <el-collapse-item title="老师管理" name="2">
            <div>
              <router-link to="/manageteacher" style="text-decoration:none">老师信息查改</router-link>
            </div>
            <div>
              <router-link to="/addteacher" style="text-decoration:none">老师信息添加</router-link>
            </div>
          </el-collapse-item>
        </el-collapse>
      </el-aside>
      <el-main>
        <router-view />
      </el-main>
    </el-container>
  </div>
</template>
